import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false
//引入vuex的写法
//1、引入库
import Vuex from 'vuex'
//2、安装
Vue.use(Vuex)
//3、创建仓库示例
const store = new Vuex.Store({
  //规定严格模式
  strict: true,
  //配置对象
  //state 储存数据
  state: {
    //管理数据
    count: 0,
    list: [1, 2, 3, 4, 5, 6, 7, 8, 9, 0],
    student: {
      name: 'coco',
      school: {
        name: '吉山',
        address: '珠吉路'
      }
    }
  },
  //能够派生出一个数据是list经过过滤返回所有大于5的数据
  getters: {
    //每个属性都是一个函数
    //默认第一个接收到的就是当前的state对象供我们进行数据的计算
    // filterList(state){
    //   return state.list.filter(item=>item>5)
    // }
    filterList: state => state.list.filter(item => item > 5)

  }
})
//挂载到new Vue示例上

new Vue({
  store,
  render: h => h(App),
}).$mount('#app')
